<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>我的优惠券</title>
    <link rel="stylesheet" href="../../css/aui.css">
    <link rel="stylesheet" type="text/css" href="../../css/aui-flex.css" />
    <link rel="stylesheet" href="../../css/main.css">
    <link rel="stylesheet" href="css/coupon.css">
</head>
<body>
<header class="aui-bar aui-bar-nav aui-bar-top">
    <a class="aui-pull-left aui-btn goBack" >
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title">我的优惠券</div>
</header>
<section id="app">
    <div  class="aui-grid aui-margin-b-15">
        <div class="aui-tab" id="tab">
            <div class=" aui-tab-item aui-active" @click="goWsy()">
                <div class="aui-grid-label">未使用 </div>
            </div>
            <div class=" aui-tab-item " @click="goYsy()">
                <div class="aui-grid-label">已使用</div>
            </div>
            <div class=" aui-tab-item " @click="goYgq()">
                <div class="aui-grid-label">已过期</div>
            </div>
        </div>
    </div>
    <div class="aui-flex-col aui-flex-item-12 aui-padded-l-15 aui-bg-default">
        <div class="aui-flex-item-3">
            <img src="../../images/1.png" style="height:6rem" alt="">
        </div>
        <div class="aui-flex-item-9 aui-padded-l-15">
            <div class="aui-flex-row">
                <div class="aui-flex-item-12" style="height:3rem;line-height: 3rem">
                    <span class="aui-bg-warning ">满减券</span>
                    <span class="aui-font-size-16">双十二品牌狂欢</span>
                </div>
                <div class="aui-padded-r-10 dashed">
                    <span class="aui-font-size-12" style="height:1.5rem;line-height:1.5rem">2017.12.01-2118.01.01</span>
                    <span class=" aui-btn aui-btn-info aui-pull-right"> 立即使用 </span>
                </div>
            </div>
            <div  class="aui-padded-r-10">
                <span class="aui-font-size-12" style="height:1.5rem;line-height:1.5rem">指定商品可用</span>
                  <span class=" aui-pull-right">
                    <i class="aui-iconfont aui-icon-down"></i>
                   </span>
            </div>
        </div>
    </div>
</section>
<script type="text/javascript" src="../../js/zepto.min.js"></script>
<script type="text/javascript" src="../../js/api.js"></script>
<script type="text/javascript" src="../../js/aui-tab.js"></script>
<script type="text/javascript" src="../../js/vue.min.js"></script>
<script type="text/javascript" src="./js/coupon_wsy.js"></script>

<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" src="../../js/weixin.js" ></script>

</body>
</html>